<link rel="stylesheet" href="{[$Think.config.__CSS__]}/index.css"/>
<div class="header">
  <div class="container">
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
           <a href="#" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </a>
           <a href="" class="brand">MA社区</a>
           <div class="nav-collapse">
              <ul class="nav">
                 <li class='active'><a href="">首页</a></li>
                 <li><a href="">服装</a></li>
                 <li><a href="">美食</a></li>
                 <li><a href="">宾馆</a></li>
                 <li><a href="">旅游</a></li>
              </ul>
              <form action="" class="navbar-search">
                 <input type="text" class="search-query">

              </form>
              <div class="pull-right btn-group">
                 <a href="#" class="btn btn-link">联系我们</a>
                 <a href="#" class="btn btn-link dropdown-toggle" data-toggle="dropdown"><i class="caret"></i></a>
                 <ul class="dropdown-menu">
                    <li><a href="">QQ:954525834</a></li>
                    <li><a href="">电话:18674761885</a></li>
                 </ul>
              </div>
           </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="main" style="margin-top:50px;">
  <div class="container">
       <div class="well">
          <p>欢迎您，来到极有意思的MA社区。<a href="#" class="btn btn-primary pull-right">商家入驻</a></p>
       </div>
       <div class="new">
          <div class="page-header">
              <h4>
                <a href="#" class="btn"><i class="icon-star"></i> 最新</a>
                <label class="muted pull-right">哦耶，又有上新啦。</label>
              </h4>
          </div>
          <div class="row">
              <div class="span3">
                 <div class="carousel slide" id="mainCarousel">
                   <ol class="carousel-indicators">
                       <li data-slide-to="0" data-target="#mainCarousel"></li>
                       <li data-slide-to="1" data-target="#mainCarousel"></li>
                       <li data-slide-to="2" data-target="#mainCarousel"></li>
                   </ol>
                   <div class="carousel-inner">
                      <li class="item active">
                        <a href=""><img src="http://placehold.it/324x485" alt=""></a>
                        <div class="carousel-caption active">
                          <p>dffdff</p>
                        </div>
                      </li>
                      <li class="item">
                        <a href=""><img src="http://placehold.it/324x485" alt=""></a>
                        <div class="carousel-caption">
                          <p>dffdff</p>
                        </div>
                      </li>
                      <li class="item">
                        <a href=""><img src="http://placehold.it/324x485" alt=""></a>
                       <div class="carousel-caption">
                           <p>dffdff</p>
                        </div>
                      </li>
                   </div>
                </div>
              </div>
              <div class="span9">
                  <ul class="thumbnails">
                    <li class="span3">
                      <div class="thumbnail">
                        <img src="http://placehold.it/260x270" alt="">
                        <h3>Thumbnail label</h3>
                        <p>Thumbnail caption...</p>
                        <p><a href="#" class="right btn btn-small btn-primary"><i class="icon-heart icon-white"></i> 点评</a></p>
                      </div>
                    </li>
                    <li class="span3">
                      <div class="thumbnail">
                        <img src="http://placehold.it/260x270" alt="">
                        <h3>Thumbnail label</h3>
                        <p>Thumbnail caption...</p>
                        <p><a href="#" class="right btn btn-small btn-primary"><i class="icon-heart icon-white"></i> 点评</a></p>
                      </div>
                    </li>
                    <li class="span3">
                      <div class="thumbnail">
                        <img src="http://placehold.it/260x270" alt="">
                        <h3>Thumbnail label</h3>
                        <p>Thumbnail caption...</p>
                        <p><a href="#" class="right btn btn-small btn-primary"><i class="icon-heart icon-white"></i> 点评</a></p>
                      </div>
                    </li>
                  </ul>
              </div>
          </div>
       </div>

      <div class="food">
         <div class="page-header">
           <h4>
              <a href="#" class="btn"><i class="icon-gift"></i> 美食街</a>
              <label class="muted pull-right">人家最喜欢美食啦，么么哒。</label>
           </h4>
         </div>
         <div class="row">
             <div class="span3">
                <div class="carousel slide" id="mainCarousel">
                  <ol class="carousel-indicators">
                      <li data-slide-to="0" data-target="#mainCarousel"></li>
                      <li data-slide-to="1" data-target="#mainCarousel"></li>
                      <li data-slide-to="2" data-target="#mainCarousel"></li>
                  </ol>
                  <div class="carousel-inner">
                     <li class="item active">
                       <a href=""><img src="http://placehold.it/324x485" alt=""></a>
                       <div class="carousel-caption active">
                         <p>dffdff</p>
                       </div>
                     </li>
                     <li class="item">
                       <a href=""><img src="http://placehold.it/324x485" alt=""></a>
                       <div class="carousel-caption">
                         <p>dffdff</p>
                       </div>
                     </li>
                     <li class="item">
                       <a href=""><img src="http://placehold.it/324x485" alt=""></a>
                      <div class="carousel-caption">
                          <p>dffdff</p>
                       </div>
                     </li>
                  </div>
               </div>
             </div>
             <div class="span9">
                 <ul class="thumbnails">
                   <li class="span3">
                     <div class="thumbnail">
                       <img src="http://placehold.it/260x270" alt="">
                       <h3>Thumbnail label</h3>
                       <p>Thumbnail caption...</p>
                       <p><a href="#" class="right btn btn-small btn-primary"><i class="icon-heart icon-white"></i> 点评</a></p>
                     </div>
                   </li>
                   <li class="span3">
                     <div class="thumbnail">
                       <img src="http://placehold.it/260x270" alt="">
                       <h3>Thumbnail label</h3>
                       <p>Thumbnail caption...</p>
                       <p><a href="#" class="right btn btn-small btn-primary"><i class="icon-heart icon-white"></i> 点评</a></p>
                     </div>
                   </li>
                   <li class="span3">
                     <div class="thumbnail">
                       <img src="http://placehold.it/260x270" alt="">
                       <h3>Thumbnail label</h3>
                       <p>Thumbnail caption...</p>
                       <p><a href="#" class="right btn btn-small btn-primary"><i class="icon-heart icon-white"></i> 点评</a></p>
                     </div>
                   </li>
                 </ul>
             </div>
         </div>
      </div>
      <div class="hotel">
         <div class="page-header">
            <h4>
              <a href="#" class="btn"><i class="icon-road"></i> 宾馆</a>
              <label class="muted pull-right">累了，我就去开个房休息去啦。</label>
            </h4>
         </div>
         <div class="row">
             <div class="span3">
                <div class="carousel slide" id="mainCarousel">
                  <ol class="carousel-indicators">
                      <li data-slide-to="0" data-target="#mainCarousel"></li>
                      <li data-slide-to="1" data-target="#mainCarousel"></li>
                      <li data-slide-to="2" data-target="#mainCarousel"></li>
                  </ol>
                  <div class="carousel-inner">
                     <li class="item active">
                       <a href=""><img src="http://placehold.it/324x485" alt=""></a>
                       <div class="carousel-caption active">
                         <p>dffdff</p>
                       </div>
                     </li>
                     <li class="item">
                       <a href=""><img src="http://placehold.it/324x485" alt=""></a>
                       <div class="carousel-caption">
                         <p>dffdff</p>
                       </div>
                     </li>
                     <li class="item">
                       <a href=""><img src="http://placehold.it/324x485" alt=""></a>
                      <div class="carousel-caption">
                          <p>dffdff</p>
                       </div>
                     </li>
                  </div>
               </div>
             </div>
             <div class="span9">
                 <ul class="thumbnails">
                   <li class="span3">
                     <div class="thumbnail">
                       <img src="http://placehold.it/260x270" alt="">
                       <h3>Thumbnail label</h3>
                       <p>Thumbnail caption...</p>
                       <p><a href="#" class="right btn btn-small btn-primary"><i class="icon-heart icon-white"></i> 点评</a></p>
                     </div>
                   </li>
                   <li class="span3">
                     <div class="thumbnail">
                       <img src="http://placehold.it/260x270" alt="">
                       <h3>Thumbnail label</h3>
                       <p>Thumbnail caption...</p>
                       <p><a href="#" class="right btn btn-small btn-primary"><i class="icon-heart icon-white"></i> 点评</a></p>
                     </div>
                   </li>
                   <li class="span3">
                     <div class="thumbnail">
                       <img src="http://placehold.it/260x270" alt="">
                       <h3>Thumbnail label</h3>
                       <p>Thumbnail caption...</p>
                       <p><a href="#" class="right btn btn-small btn-primary"><i class="icon-heart icon-white"></i> 点评</a></p>
                     </div>
                   </li>
                 </ul>
             </div>
         </div>
      </div>
     

  
           <div class="tabbale comment">
                <ul class="nav nav-tabs">
                   <li class="active"><a href="#comment" data-toggle="tab">用户评论</a></li>
                </ul>
                <div class="tab-content">
                   <div class="tab-pane active" id="comment">
                       <div class="row">
                           <div class="span8">
                                 <blockquote>
                               <p>这个网站还不错，美食我的最爱,这个网站还不错，美食我的最爱这个网站还不错，美食我的最爱</p>
                               <small>来自手机端</small>
                              </blockquote>
                              <blockquote>
                               <p>这个网站还不错，美食我的最爱这个网站还不错，美食我的最爱这个网站还不错，美食我的最爱</p>
                               <small>来自手机端</small>
                              </blockquote>
                              <blockquote>
                               <p>这个网站还不错，美食我的最爱这个网站还不错，美食我的最爱这个网站还不错，美食我的最爱</p>
                               <small>来自手机端</small>
                              </blockquote>
                              <blockquote>
                               <p>这个网站还不错，美食我的最爱这个网站还不错，美食我的最爱这个网站还不错，美食我的最爱</p>
                               <small>来自手机端</small>
                              </blockquote>
                              <blockquote>
                               <p>这个网站还不错，美食我的最爱这个网站还不错，美食我的最爱这个网站还不错，美食我的最爱</p>
                               <small>来自手机端</small>
                              </blockquote>
                              <blockquote>
                               <p>这个网站还不错，美食我的最爱这个网站还不错，美食我的最爱这个网站还不错，美食我的最爱</p>
                               <small>来自手机端</small>
                              </blockquote>
                           </div>
                           <div class="span4">
                              <form action="" class="form-horizontal">
                                 <div class="control-group input-prepend">
                                    <span class="add-on"><i class="icon-user"></i></span><input type="text" placeholder="昵称" class="span3">
                                 </div>
                                 <div class="control-group input-prepend">
                                    <span class="add-on"><i class="icon-envelope"></i></span><input type="text" placeholder="QQ号码"  class="span3">
                                 </div>
                                 <div class="control-group">
                                    <textarea name="" style="width:77%;" rows="10" placeholder="输入留言内容"></textarea>
                                 </div>
                                 <div class="control-group">
                                       <button type="button" class="btn btn-primary">
                                       <i class="icon-comment icon-white"></i> 留言
                                       </button>
                                 </div>
                              </form>
                           </div>
                       </div> 

                   </div>
                </div>

           </div>

  </div>
</div>

<div class="footer">
   <div class="container">
       <div class="well">
          <p>我有不错的建议，想跟MA社区管理员聊聊。<a href="#" class="btn btn-primary pull-right">@MA社区</a></p>
       </div>
        <hr/>
         <a href="">团队文化</a>
         <a href="">技术支持</a>
         <a href="">联系我们</a>
        <hr/>
   </div>
</div>























